import Vue from 'vue';
import {
    Notify,
    Dialog,
    Tabbar,
    TabbarItem,
    CellGroup,
    Cell,
    Icon,
    Button,
    NavBar,
    Grid,
    GridItem,
    Row,
    Col,
    Collapse,
    CollapseItem,
    Steps,
    Step,
    Divider,
    Switch,
    Tag,
    Search,
    Field,
    Uploader,
    Popup,
    CheckboxGroup,
    Checkbox,
    PullRefresh,
    ActionSheet,
    List,
} from 'vant';
import store from './store';
import App from './App';
import {router} from './router';
import axios from './utils/http';
import mask from './utils/mask';
// import 'vant/lib/icon/index.css'

Vue.use(Notify);
Vue.use(Dialog);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(CellGroup);
Vue.use(Cell);
Vue.use(Icon);
Vue.use(Button);
Vue.use(NavBar);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Row);
Vue.use(Col);
Vue.use(Collapse);
Vue.use(CollapseItem);
Vue.use(Steps);
Vue.use(Step);
Vue.use(Divider);
Vue.use(Switch);
Vue.use(Tag);
Vue.use(Search);
Vue.use(Field);
Vue.use(Uploader);
Vue.use(Popup);
Vue.use(CheckboxGroup);
Vue.use(Checkbox);
Vue.use(PullRefresh);
Vue.use(ActionSheet);
Vue.use(List);

Vue.prototype.$notify = Notify;
Vue.prototype.$dialog = Dialog;
Vue.prototype.$store = store;
Vue.prototype.$http = axios;
Vue.prototype.$mask = mask;

new Vue({
    router,
    el: '#app',
    render: h => h(App)
});
